<html>
    <head>
        <title>div中的文字居中</title>
        <style>
           
        </style>
    </head>
    <body>
        <fieldset>
            <legend>设置文字居中</legend>
            <div id="center1">文字居中肯定是用文字相关的css属性</div>
            <style>
                #center1{
                    text-align: center;
                }
            </style>
        </fieldset>

        <fieldset>
            <legend>设置文字居中</legend>
            <div id="center2">文字居中肯定是用文字相关的css属性</div>
            <style>
                #center2{
                    width: 500px;
                    height: 500px;
                    text-align: center;
                    line-height: 500px;/*水平垂直居中*/
                }
            </style>
        </fieldset>

        <div>
                还可以改变div的属性，让其display属性为table-cell，在table单元格中可以通过vertical-align垂直居中(若使用display转化后，margin的auto属性不起作用，可以运用栅栏系统进行布局)
        </div>
    </body>
</html>